<template>
  <div>
    <h1>App</h1>
    <h2>{{ msg }}</h2>
    <h2 v-text="msg"></h2>
    <button @click="handleClick">翻转世界</button>
  </div>
</template>

<script>
// 核心翻转逻辑 熟练api调用 字符串.split("").reverse().join("")
export default {
  // vue提供数据，展示hello world字符串
  data() {
    return {
      msg: 'hello world'
    }
  },
  // vue提供方法
  methods: {
    handleClick () {
      // msg是挂载vue组件实例上的。所以怎么取msg
      // console.log(this.msg);
      this.msg = this.msg.split("").reverse().join("")
    }
  }
}
</script>

<style>

</style>